.inline_block{display: inline-block;}
/*左边内容*/
.left_con{
  position: relative;
  width: 97%;
  height: 100%;
  margin-right: 1%;
}
.item{
  position: relative;
  height: 20%;
}
.tit{
  margin-top: 35%;
}
.item_li1{width: 10%;height: 100%}
.item_li2{width: 30%;height: 100%}
.item_li3{width: 15%;height: 100%}
.item_li4{width: 45%;height: 90%;margin-top: 1%}

/*第一行第四模块样式*/
.box{
  height: 20%;
  margin: 2% 0;
}
.box div{
  margin-right: 1%;
}
.box1{
  width: 20%;
  height: 100%;
  line-height: 26px;
}
.box2{
  width: 16%;
  height: 100%;
  line-height: 26px;
}
.box3{
  width: 25%;
  height: 100%;
  color:#a9aaa5;
  line-height: 26px;
  text-indent: 25px;
}
.box4{
  width: 35%;
  height: 100%;
  color:#a9aaa5;
  line-height: 26px;
  text-indent: 25px;
}
/*第一行第三模块样式*/
.goai{
  position: absolute;
  top:3%;
  left: 46%;
}
.ratio{
  position: absolute;
  bottom: 2%;
  left: 45%;
}
.circle{
  height: 130px;
  width: 130px;
  margin: auto;
}
/*.percent{*/
  /*position: absolute;*/
  /*top: 41%;*/
  /*left:46%;*/
  /*font-size: 20px;*/
  /*z-index: 20;*/
/*}*/
/*.muscle {*/
  /*position: relative;*/
  /*width: 85px;*/
  /*height: 85px;*/
  /*top: 20%;*/
  /*left: 30%;*/
  /*border-radius: 100px;*/
  /*z-index: 10;*/
/*}*/
/*.muscle1 {*/
  /*background-color: #f00;*/
/*}*/
/*.muscle2 {*/
  /*background-color: #f0eb37;*/
/*}*/
/*.muscle3 {*/
  /*background-color: #46825c;*/
/*}*/
/*.pre {*/
  /*position: absolute;*/
  /*width: 70px;*/
  /*height: 70px;*/
  /*border-radius: 100px;*/
  /*background-color: #fff;*/
  /*top: 26%;*/
  /*left: 45%;*/
  /*z-index: 11;*/
/*}*/
/*.sx{*/
  /*position: absolute;*/
  /*width: 85px;*/
  /*height: 85px;*/
  /*transform: rotate(0deg);*/
  /*clip: rect(0px,50px,100px,0px);*/
  /*border-radius: 100px;*/
  /*background-color: #A6A6A6;*/
/*}*/
/*.sx1 {*/
  /*clip: rect(0px,50px,100px,0px);*/
/*}*/
/*.sx2 {*/
  /*clip: rect(0px,38px,52px,0px);*/
/*}*/
/*.sx3 {*/
  /*clip: rect(0px,38px,60px,0px);*/
/*}*/
/*.sx4 {*/
  /*clip: rect(0px,38px,85px,0px);*/
/*}*/

/*.sx2{*/
/*position: absolute;*/
/*width: 85px;*/
/*height: 85px;*/
/*transform: rotate(0deg);*/
/*clip: rect(10px,50px,100px,0px);*/
/*border-radius: 100px;*/
/*background-color: #A6A6A6;*/
/*}*/
/*第一行第二模块样式*/
.div{
  position: relative;
}
.div1 {
  top: 15px;
  position: absolute;
  width: 49%;
  height: 88%;
  background: #2b9c42;
}
.div2 {
  width: 29%;
  height: 80%;
  background: #5aa9e1;
  top: 7px;
  left: 47%;
  position: absolute;
}
.div3 {
  width: 7%;
  height: 70%;
  background: #fd363d;
  top: 15px;
  left: 76%;
  position: absolute;
}
.div4 {
  width: 5%;
  height: 70%;
  background: #f5ef13;
  top: 15px;
  left: 83%;
  position: absolute;
}
.div5 {
  width: 4%;
  height: 70%;
  background: #a26f36;
  top: 15px;
  left: 88%;
  position: absolute;
}
.div6 {
  width: 3%;
  height: 70%;
  background: #ea8529;
  top: 15px;
  left: 92%;
  position: absolute;
}
.div7 {
  width: 5%;
  height: 89%;
  background: #ced2d1;
  top: 15px;
  left: 95%;
  position: absolute;

}
.div8 {
  width: 46%;
  height: 34%;
  top: 89px;
  left: 49%;
  position: absolute;

}
.font1{
  position: absolute;
  left: 38%;
  top: 35%;
}
.font2{
  position: absolute;
  left: 10%;
  top: 35%;
}
.font3{
  position: absolute;
  left: 4%;
  top: 35%;
}
.font4{
  position: absolute;
  left: 70%;
  bottom: 0;
}
.font5{
  position: absolute;
  left: 5%;
  bottom: -20px;
}
.font6{
  position: absolute;
  left: 65%;
  bottom: -20px;

}
